/*---------- 通用样式----------- */
a{
	text-decoration: none;
	color: #333;
}
@font-face {
  font-family: 'iconfont';  /* project id 1255844 */
  src: url('//at.alicdn.com/t/font_1255844_re85fgrd2u9.eot');
  src: url('//at.alicdn.com/t/font_1255844_re85fgrd2u9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1255844_re85fgrd2u9.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1255844_re85fgrd2u9.woff') format('woff'),
  url('//at.alicdn.com/t/font_1255844_re85fgrd2u9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1255844_re85fgrd2u9.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/* --------- top顶部样式 ------------*/
.top{
	height: 42px;
	background: #333;
	margin-bottom: 25px;
}
.container{
	width:1228px;
	height: 100%;
	margin: 0 auto;
}
.top-nav li{
	display: inline-block;
	margin-right:10px ;
}
.top-nav li a{
	color: #b0b0b0;
	font-size: 12px;
	line-height: 42px;
}
/* --------- 头部导航样式 ------------*/
.head-nav{
	height: 56px;
	/* background: green; */
	font-size: 0;
	
}
.head-nav>section{
	/* background: pink; */
	height:100%;
	display: inline-block;	
}
.head-logo{
	width: 56px;
	/* height: 56px; */
}
.head-logo a{
	display:block;
	background:url('https://s01.mifile.cn/i/mi-logo.png') top 4px left 4px #ff6700;
	height: 100%;
	width: 100%;
}
.nav{
	vertical-align: top;
	margin-left:180px;
	/* height: 56px; */
}
.nav-menu li{
	display: inline-block;
	font-size: 16px;
	line-height: 56px;
	margin-right: 20px;
}
.nav-menu li a{
		color: #333;
}
.head-search{
	vertical-align: top;
	margin-left: 100px;
	/* width: 20px; */
	/* display:inline-block; */
}
.search-form input{
	margin-top:3px;
	height: 50px;
	box-sizing:border-box ;
	border: 1px solid #e0e0e0;
	background: #fff;
	vertical-align:top
}
.search-form .search-text{
	width: 223px;	
	padding: 0 10px;	
	font-size: 16px;
	/* border-sizing:boder-box ; */
		
}
.search-form .search-btn{	
	width: 50px;
	font-size:24px;
	color: #61616;
	padding: 0;
}

/* ----------banner样式------------ */
.banner {
   margin-top: 40px;
} 
.swiper-slide img{
	width: 1226px;
}
/* ----------main样式------------ */
.page-main{
	background: #f5f5f5;
	padding: 20px 0 20px 0 ;
	margin-top:20px;
}

.box-hd{
	height: 58px;
	display: flex;
	justify-content: space-between;
}
.box-hd h2{
	font-size: 22px;
    font-weight: 200;
    line-height: 58px;
    color: #333;
}
.more{
	height: 58px;
}
.more a{
	line-height: 58px;
	color: #424242;
}
.more a i.iconfont{
	margin-left: 5px;
}
.box-bd{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
/* 手机详细内容 */
.span4{
	width: 234px;
	/* height: 614px; */
	/* background: red; */
}
.span16{
	width: 978px;
	height: 614px;
}
#homeelec .span16 ul:not(.tab-content-active){
	display: none;
}
.promo-list img{
	width: 100%;
}

.brick-list ul {
	width: 980px;
	background: #f5f5f5;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}
.brick-list ul li:not(:nth-child(4n)) {
	margin-right: 1.33%;
}

.item {
	width: 24%;
	height: 260px;
	text-align: center;
	background: white;
	/* border: 1px solid black; */
	padding: 20px 0;
	margin-bottom: 14px;
}
.promo-item{
	margin-bottom: 14px;
}
.figure-img {
	height: 160px;
	width: 160px;
	margin-left: 37px;
	margin-bottom: 18px;
}

.figure-img img {
	height: 160px;
	width: 160px;
}

.item h3 {
	height: 21px;
	font-weight: 400;
	margin-bottom: 2px;
	;
}
.item h3 a {
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

.item .desc {
	font-size: 12px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #b0b0b0;
	margin-bottom: 14px;
}

.item .price {
	font-size: 14px;
	color: #ff6700;
}

.item:hover,.promo-item:hover {
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
	transform: translateY(-5px);
	z-index: 2;
	transition: all 0.3s;
}
.home-banner-box{
	margin: 40px auto;
}
.home-banner-box img{
	
}
.tab-list{
	display: flex;
	width: 300px;
	justify-content: space-between;
	align-items: center;
	line-height: 1.5;
}
.tab-list li{
	cursor: pointer;
	transition: border-color .5s linear,color .5s linear;
}
.tab-list li.tab-active{
	color: #ff6700;
    border-bottom: 2px solid #ff6700;
		
}

footer{
	height: 50px;
	background: #333;
}
.slogan{
	text-align: center;
	line-height: 50px;
	color: #E0E0E0;
}